<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">    

    <!-- 链接外部该网页样式表 -->
	<link rel="stylesheet" type="text/css" href="css/index.css"/>
    
    <!-- 链接外部bootstrap样式文件 -->
    <link rel="stylesheet" href="./css/bootstrap.css">


    <!-- 链接外部字体css样式文件 -->
    <link rel="stylesheet" type="text/css" href="./css/font-awesome.css">

    <!-- 链接icon图标 -->
    <link rel="icon" href="./img/icon.png" type="text/icon">


	<!-- 链接外部公用网站公共样式表 -->
	<link rel="stylesheet" type="text/css" href="css/common.css"/>

    <title>Tencent  腾讯</title>
</head>
<body>
    <!-- 网站头部结构区域开始 -->
    <header  id="header-header">
        <div class="head-centero">
            
            <div class="head-center" id="header-center">
                <ul>
                    <li class="header-item">
                        <a href="./about.html">简介</a >
                        <ul class="header-section">
                            <li><a href="./about.html#about-introduction">公司简介</a></li>
                            <li><a href="./about.html#about-vision">愿景及使命</a></li>
                            <li><a href="./about.html#about-course">发展历程</a></li>
                            <li><a href="./about.html#about-frame">业务结构</a></li>
                            <li><a href="./about.html#about-team">管理团队</a></li>
                            <li><a href="./about.html#about-culture">企业文化</a></li>
                            <li><a href="./about.html#about-office">办公地点</a></li>
                        </ul>
                    </li>
                    <li  class="header-item">
                        <a href="./business.html">业务</a >
                        <ul  class="header-section">
                            <li><a href="./business.html#section-user">面向用户</a></li>
                            <li><a href="./business.html#section-enterprise">面向企业</a></li>
                            <li><a href="./business.html#section-technology">创新科技</a></li>
                            <li><a href="javascript:;"></a></li>
                            <li><a href="javascript:;"></a></li>
                            <li><a href="javascript:;"></a></li>
                            <li><a href="javascript:;"></a></li>
                        </ul>
                    </li>
                    <li class="header-item">
                        <a href="employee.html">员工</a >
                        <ul class="header-section">
                            <li><a href="./employee.html#employee-developing">人才发展</a></li>
                            <li><a href="./employee.html#employee-img">腾讯学院</a></li>
                            <li><a href="./employee.html#employee-work">工作环境</a></li>
                            <li><a href="./employee.html#employee-activity">员工活动</a></li>
                            <li><a href="javascript:;"></a></li>
                            <li><a href="javascript:;"></a></li>
                            <li><a href="javascript:;"></a></li>
                        </ul>
                    </li>
                    <li class="header-item">
                        <a href="javascript:;">企业责任</a >
                        <ul class="header-section">
                            <li><a href="javascript:;">践行承诺</a></li>
                            <li><a href="javascript:;">支持善举</a></li>
                            <li><a href="javascript:;">鼓励创新</a></li>
                            <li><a href="javascript:;">企业社会责任报告</a></li>
                            <li><a href="javascript:;"></a></li>
                            <li><a href="javascript:;"></a></li>
                            <li><a href="javascript:;"></a></li>
                        </ul>    
                    </li>
                    <li class="header-item">
                        <a href="javascript:;">投资者</a >
                    
                        <ul class="header-section">
                            <li><a href="javascript:;">财务新闻</a></li>
                            <li><a href="javascript:;">公告及财务报告</a></li>
                            <li><a href="javascript:;">业绩电话会及路演</a></li>
                            <li><a href="javascript:;">业务结构</a></li>
                            <li><a href="javascript:;">管理团队</a></li>
                            <li><a href="javascript:;">企业文化</a></li>
                            <li><a href="javascript:;">办公地点</a></li>
                        </ul>
                    </li>
                    <li class="header-item">
                        <a href="javascript:;">媒体</a >
                        <ul class="header-section">
                            <li><a href="javascript:;">公司简介</a></li>
                            <li><a href="javascript:;">愿景及使命</a></li>
                            <li><a href="javascript:;">发展历程</a></li>
                            <li><a href="javascript:;">业务结构</a></li>
                            <li><a href="javascript:;">管理团队</a></li>
                            <li><a href="javascript:;">企业文化</a></li>
                            <li><a href="javascript:;">办公地点</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
            <div class="head-left">
                <a href="./index.html"><h1>腾讯首页</h1></a>
            </div>
            <div class="head-right">
                <a href="javascript:;">简</a>/
                <a href="javascript:;">繁</a>/
                <a href="javascript:;">EN</a>
            </div>
        </div>
    </header>
    <!-- 网站头部结构区域结束 -->

    <!--网站返回顶部开始  -->

    <a href="#banner" id="top">
        <span class=" fa fa-arrow-circle-o-up"></span>
        <p>返回顶部</p>
    </a>
    <!--网站返回顶部结束  -->


    <!-- 网站banner结构区域 -->
    <div class="banner" id="banner">
        <video autoplay loop muted preload="auto" playsinline="true" airplay="allow" src="./img/index-video.mp4"></video>
        <div class="banner-section">
            <div class="banner-center">
                <p>连接</p>
                <ul>
                    <div>
                        <li>你我</li>
                        <li>企业</li>
                        <li>科技</li>
                        <li>工艺</li>
                    </div>
                </ul> 
                <p>共生未来</p>
            </div>
            <div class="banner-bottom">
                <div class="banner-bot">
                    <div></div>
                </div>
                <span>滑动</span>
            </div>
        </div>
    </div>
    <!-- 网站banner结构区域 -->

    
    <!-- 网站内容文字简介部分结构区域开始 -->
    <section class="briefIntroductionTEXT">
        <p>
                腾讯是一家以互联网为基础的平台公司，<br/>
                通过技术丰富互联网用户的生活，助力企业数字化升级。<br/>
                我们的使命是“用户为本 科技向善”。
        </p>
    </section>
    <!-- 网站内容文字简介部分结构区域结束 -->
 
    <!-- 网站内容图片简介部分结构区域开始 -->
    <section class="briefIntroductionIMG">
        <ul>
            <li>
                <a href="javascript:;">
                    <img src="./img/index_detail_1.jpg"/>
                    <div>
                        <p>公司简介</p>
                    </div>
                </a>
            </li>
            <li>
                <a href="javascript:;">
                        
                    <img src="./img/index_detail_2.jpg"/>
                    <div>
                        <p>企业文化</p>
                    </div>
                </a>
            </li>
            <li>
                <a href="javascript:;">
                        
                    <img src="./img/index_detail_3.jpg"/>
                    <div>
                        <p>办公地点</p>
                    </div>
                </a>
            </li>
        </ul>
    </section>
    <!-- 网站内容图片简介部分结构区域结束 -->


    <!-- 网站切换卡部分结构开始 -->
    <section class="switchCard">
        <a class="sa" href="javascript:;">
                <div class="sdiv"></div>
            <h3 class="sh3">链接用户与生活</h3>
            <p class="sp">让生活更便捷更多彩</p>
            <img src="./img/icon-rights.png" class="simg" />
        </a>
        <ul class="sul">
            <li>
                <img width="100%" height="100%" src="./img/index_link_1_1.jpg"/>
                <div>
                    <h3>通信与社交</h3>
                    <h4>连接人与人，提供功能丰富的即时通信和社交平台，让沟通更便捷。</h4>
                </div>
            </li>
            <li>
                <img width="100%" height="100%" src="./img/index_link_1_2.jpg"/>
                <div>
                    <h3>数字内容</h3>
                    <h4>基于优质内容，以技术为驱动引擎，探索社交和内容融合的下一代形态。</h4>
                </div>
            </li>
            <li>
                <img width="100%" height="100%" src="./img/index_link_1_3.jpg"/>
                <div>
                    <h3>金融科技服务</h3>
                    <h4>连接用户、商户和金融机构，提供安全、专业、便捷的金融产品与服务。</h4>
                </div>
            </li>
            <li>
                <img width="100%" height="100%"  src="./img/index_link_1_4.jpg"/>
                <div>
                    <h3>工具</h3>
                    <h4>提供多种工具性软件，帮助用户快速直接解决各项具体需求。</h4>
                </div>
            </li>
        </ul>
        <a class="sa" href="javascript:;">
            <div class="sdiv"></div>
            <h3 class="sh3">链接技术与科技</h3>
            <p class="sp">让生活更便捷更多彩</p>
            
            <img src="./img/icon-rights.png" class="simg" />
        </a>
        <ul class="sul">
            <li>
                <img width="100%" height="100%" src="./img/index_link_2_1.jpg"/>
                <div>
                    <h3>腾讯广告营销</h3>
                    <h4>大数据营销平台，汇聚腾讯全量应用场景，提供一体化数字化营销方案。</h4>
                </div>
            </li>
            <li>
                <img width="100%" height="100%" src="./img/index_link_2_2.jpg"/>
                <div>
                    <h3>腾讯云</h3>
                    <h4>提供领先的云产品与云服务，辅助企业走向数字化和全球化。</h4>
                </div>
            </li>
            <li style="width: 100%;">
                <img width="100%" height="100%" src="./img/index_link_2_3.jpg"/>
                <div>
                    <h3>智慧产业</h3>
                    <h4>通过云、AI、大数据分析、安全、支付、小程序、LBS等互联网前沿技术和产品，<br />打造智慧产业方案，助力产业数字化升级。</h4>
                </div>
            </li>
        </ul>
        <a class="sa" href="javascript:;">
            <div class="sdiv"></div>
            <h3 class="sh3">链接现在与未来</h3>
            <p class="sp">让生活更便捷更多彩</p>
            <img src="./img/icon-rights.png" class="simg" />
        </a>
        <ul class="sul">
            <li>
                <img height="100%" width="100%" src="./img/index_link_3_1.jpg"/>
                <div>
                    <h3>人工智能</h3>
                    <h4>连接人与人，提供功能丰富的即时通信和社交平台，让沟通更便捷。</h4>
                </div>
            </li>
            <li>
                <img height="100%" width="100%" src="./img/index_link_3_2.jpg"/>
                <div>
                    <h3>物联网</h3>
                    <h4>通过腾讯云物联网，致力提供IoT全栈产品和解决方案。</h4>
                </div>
            </li>
            <li>
                <img height="100%" width="100%" src="./img/index_link_3_3.jpg"/>
                <div>
                    <h3>多媒体</h3>
                    <h4>腾讯多媒体实验室专注音视频通信技术的前瞻性研究。 </h4>
                </div>
            </li>
            <li>
                <img height="100%" width="100%" src="./img/index_link_3_4.jpg"/>
                <div>
                    <h3>腾讯探索</h3>
                    <h4>携手合作伙伴探索未来和相关技术，帮助解决全球在食物、能源和水源方面的挑战。</h4>
                </div>
            </li>
        </ul>
    </section>
    <!-- 网站切换卡部分结构结束 -->

    <!-- 网站第一部分轮播图区域开始 -->
    <section class="respbanner">
        <div class="respbanner-left">
            <div class="respbanner-left-banner">
                <div id="carouselExampleFade" class="carousel slide carousel-fade" data-ride="carousel">
                    <!-- <ol class="carousel-indicators">
                        <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
                        <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
                        <li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
                    </ol> -->
                    <div class="carousel-inner">
                        <div class="carousel-item active">
                        <img src="./img/index_resp_bg1.jpg" class="d-block w-100" alt="...">
                        <div class="carousel-caption d-none d-md-block">
                            <h5>99 公益日</h5>
                            <p>每年一度于9月举行的全民公益活动，透过网上平台将大众在活动期间网上作出的捐款进行匹配。</p>
                        </div>
                        </div>
                        <div class="carousel-item">
                        <img src="./img/index_resp_bg2.jpg" class="d-block w-100" alt="...">
                        <div class="carousel-caption d-none d-md-block">
                            <h5>腾讯长城保护项目</h5>
                            <p>腾讯公益慈善基金会与中国文物保护基金会共同合作，吸引公众关注和参与长城保护的文化遗产类公益项目。</p>
                        </div>
                        </div>
                        <div class="carousel-item">
                        <img src="./img/index_resp_bg3.jpg" class="d-block w-100" alt="...">
                        <div class="carousel-caption d-none d-md-block">
                            <h5>腾讯乡村</h5>
                            <p>根据乡村使用场景定制微信公众号，形成由村、乡镇、区县、州市组成的公众号集群服务村民，打造手机上的“为村服务中心”。</p>
                        </div>
                        </div>
                    </div>
                    <a class="carousel-control-prev aniuleft" href="#carouselExampleFade"   role="button" data-slide="prev">
                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                        <span class="sr-only">Previous</span>
                    </a>
                    <a class="carousel-control-next aniuright" href="#carouselExampleFade" role="button" data-slide="next">
                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
                        <span class="sr-only">Next</span>
                    </a>
                </div>
            </div>
            <img src="./img/i_tri.png"/>
        </div>
        <div class="respbanner-right">
            <h3>链接<br/>责任与信任</h3>
            <p>聚合微小善行，以科技让世界美好</p>
        </div>
    </section>

    <!-- 网站第一部分轮播图区域结束 -->

    <!-- 网站内容第二部分轮播图开始 -->
    <section class="develop">
        <div class="developbanner">
            <div id="carouselExampleIndicators" class="carousel slide carousel-fade" data-ride="carousel">
                <ol class="carousel-indicators" id="bniu">
                    <li data-target="#carouselExampleIndicators" id="bniu-item" data-slide-to="0" class="active"></li>
                    <li data-target="#carouselExampleIndicators" id="bniu-item" data-slide-to="1"></li>
                    <li data-target="#carouselExampleIndicators" id="bniu-item" data-slide-to="2"></li>
                </ol>
                <div class="carousel-inner">
                    <div class="carousel-item active">
                    <img src="./img/index_develop_bg1.jpg" class="d-block w-100" alt="...">
                    </div>
                    <div class="carousel-item">
                    <img src="./img/index_develop_bg2.jpg" class="d-block w-100" alt="...">
                    </div>
                    <div class="carousel-item">
                    <img src="./img/index_develop_bg3.jpg" class="d-block w-100" alt="...">
                    </div>
                </div>
                <!-- <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a> -->
            </div>
        </div>
        <div class="developtext">
            <h3>链接<br />人才与发展</h3>
            <p>激发活力，助力成长</p>
        </div>
    </section>

    <!-- 网站内容第二部分轮播图结束 -->

    <!-- 网站底部结构区域开始 -->
    <footer>
        <div class="foot-top">
            <h3>关注我们</h3>
            <a href="javascript:;">
                <span class="fa fa-weixin"></span>
                <img src="./img/wechat-code.jpg" alt="">
            </a>
            <a href="javascript:;"><span class="fa fa-weibo"></span></a>
            <a href="javascript:;"><span class="fa fa-twitter"></span></a>
            <a href="javascript:;"><span class="fa fa-linkedin-square"></span></a>
        </div>
        <div class="foot-center">
            <ul>
                <li>
                    <h3>加入我们</h3>
                    <a href="javascript:;">社会招聘</a><br/>
                    <a href="javascript:;">校园招聘</a><br/>
                    <a href="javascript:;">国际招聘</a><br/>
                    <br />
                </li>
                <li>
                    <h3>联系我们</h3>
                    <a href="javascript:;">客服服务</a><br/>
                    <a href="javascript:;">合作洽谈</a><br/>
                    <a href="javascript:;">腾讯采购</a><br/>
                    <a href="javascript:;">媒体及投资者</a>
                </li>
                <li>
                    <h3>法律信息</h3>
                    <a href="javascript:;">服务协议</a><br/>
                    <a href="javascript:;">隐私政策</a><br/>
                    <a href="javascript:;">知识产权</a><br/> 
                    <br />
                </li>
            </ul>
            <img height="100%" src="./img/tencent_logo.png" alt="">
        </div>
        <div class="foot-bottom">
            <p>
                <a href="javascript:;">法律声明</a>
                <a href="javascript:;">阳光准则</a>
                <a href="javascript:;">网站地图</a>
                <a href="javascript:;">粤文网【2017】 6138-1456号</a>
            </p>
            <p>Copyright&copy; 1998-2019 Tencent.All Rights Reserved.腾讯公司 版权所有</p>
        </div>
    </footer>
    <!-- 网站底部结构区域结束 -->




        
	<!-- 链接外部公共网页js文件-->
	<script type="text/javascript" src="js/common.js"></script>;
	
    <!-- 链接外部jquery js文件 -->
    <script type="text/javascript" src="./js/jquery-3.4.1.js"></script>
    <script type="text/javascript" src="./js/jquery-3.4.1.min.js"></script>

    <!-- 链接外部bootstrap js文件 -->
    <script type="text/javascript" src="./js/bootstrap.js"></script>


    
	<!-- 链接外部该网页js文件-->
    <script type="text/javascript" src="js/index.js"></script>
    
</body>
</html>